[HTML]
Test

HTML - 메뉴 만들기2





[html 소스] 

<html>
<head>
<meta charset="utf-8">
<title>CSS메뉴만들기</title>
<link href="menu.css" rel="stylesheet" type="text/css">
</head>

<body>
    <ul>
    <li><a href="#">menu1</a></li>
        <li><a href="#">menu2</a></li>
        <li><a href="#">menu3</a></li>
        <li><a href="#">menu4</a></li>
    </ul>
</body>
</html>

[menu.css]

*{margin:0px;padding:0px;}
ul{list-style-type:none;}
li{display:inline;}
a:link, a:visited{
    background-color:#FF0000;
    color:#FFFFFF;
    text-decoration:none;
    float:left;
    text-align:center;
    width:24%;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#FFFFFF;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
a:hover, a:active{background-color:#FFFFFF;color:#FF0000;}